<template>
  <div>
    <div style="margin-left: 20px; margin-right: 20px" class="bg_write" v-loading="loading"></div>
    <tableComponents :pagination="{ currentPage, pageSize, total: list.all_num }" @handleCurrentChange="handleCurrentChange" @handleSizeChange="handleSizeChange" @sendUserSearch="getOrderSearch" :searchData="userSearchData" exportUrl="/api/admin/export/order" :isHaveAdd="false" :orderStatus="acIndex">
      <template v-slot:headRight>
        <div class="fx head-right-icon" @click="export_goods">
          <p><i class="el-icon-upload"></i>&nbsp;&nbsp;导出发货单</p>
        </div>
        <div class="fx head-right-icon" @click="$router.push('/index/order/import')">
          <p><i class="el-icon-upload"></i>&nbsp;&nbsp;导入运单</p>
        </div>
        <div class="fx head-right-icon" @click="export_danpin">
          <p><i class="el-icon-upload"></i>&nbsp;&nbsp;导出单品</p>
        </div>
      </template>
      <template v-slot:table>
        <el-checkbox-group v-model="checkList">
          <div v-for="(vo, i) in list.data" :key="i" v-show="list.data">
            <el-row :gutter="1">
              <el-col :span="24" class="tl">
                <div class="grid-content bg-purple-light">
                  <span style="margin-left: 10px">
                    <el-checkbox :label="vo">
                      <span></span>
                    </el-checkbox>
                  </span>

                  <span class="gray-font gray_set">
                    {{ vo.created_time | getTimeFormat }}
                    &nbsp;&nbsp;订单号：
                  </span>
                  {{ vo.oid }}
                  <span class="gray-font gray_set" v-if="vo.sid != 0" @click="toSupplierDetila(vo.sid)">&nbsp;&nbsp;&nbsp;&nbsp;商家：{{ vo.sid_cn }}</span>
                  <span class="gray-font gray_set" v-if="vo.sid == 0">&nbsp;&nbsp;&nbsp;&nbsp;自营</span>
                  <span class="gray-font gray_set" v-if="vo.fid_cn">&nbsp;&nbsp;&nbsp;&nbsp;{{ vo.fid_cn }}</span>
                  <span style="padding-left: 20px">订单类型：{{ vo.types_cn
                    }}{{ vo.is_chain > 0 ? "-连锁外卖" : "" }}</span>
                  <span style="padding-left: 20px" v-if="vo.rider_uid > 0">骑手：{{ vo.rider_uid_nick }}({{ vo.rider_uid_cn }})</span>
                  <span class="gray-font gray_set" style="float: right" @click="getPrintTemplate(vo)" v-if="vo.print_template">
                    电子面单 &nbsp; &nbsp;&nbsp;&nbsp;
                  </span>
                  <span class="gray-font gray_set" style="float: right" v-if="vo.status != '未支付'" @click="getPrintreceipt(vo)">
                    小票 &nbsp; &nbsp;&nbsp;&nbsp;
                  </span>
                  <span class="gray-font gray_set" style="float: right" @click="getPrintInfo(vo)">
                    打印 &nbsp; &nbsp;&nbsp;&nbsp;
                  </span>
                  <span class="gray-font gray_set" style="float: right" @click="showRewardDialog(i, vo.oid)">
                    奖金审核 &nbsp; &nbsp;&nbsp;&nbsp;
                  </span>
                  <span class="gray-font gray_set" style="float: right" v-if="vo.mail_oid && vo.mail_oid != ''" @click="open_mail(vo)">
                    查看物流 &nbsp; &nbsp;&nbsp;&nbsp;
                  </span>
                </div>
              </el-col>
            </el-row>

            <el-row :gutter="1">
              <div class="order_list">
                <table class="big_table">
                  <tr>
                    <td class="li_1 big_table_td tl" style="padding: 0px">

                      <div v-if="vo.types == 45" style="padding:20px 10px">
                        <div v-for="(po, j) in vo.product" :key="j"> {{po.title}} / {{ po.sku_cn | getTimeFormat }}</div>
                        <div> 报名人数：{{ vo.sum_number }}</div>
                        <div> 核销码：{{ vo.write_code }}</div>
                        <div v-for="(people,p) in JSON.parse(vo.friends)" :key="p">
                          报名者{{p + 1}}：{{ people.name }} &nbsp &nbsp 身份证:{{ people.card}} &nbsp &nbsp 手机号:{{ people.tel}}</div>
                      </div>
                      <div v-else-if="vo.types == 55" style="padding:20px 10px">
                        <div>
                          {{vo.run_types == 1 ?'跑腿 帮我送' : vo.run_types == 2 ?'跑腿 帮我取' : vo.run_types == 3 ?'跑腿 帮我买' :'跑腿信息'}}
                        </div>
                        <div>
                          预约时间：{{vo.run_time | getTimeFormat}}
                        </div>
                        <div>
                          收货码：{{vo.is_run_check == 1 ?'需要':'不需要'}}
                        </div>
                        <div v-if="vo.run_class && vo.run_weight">
                          物品重量：{{vo.run_class}} &nbsp{{ Number(vo.run_weight) }}公斤
                        </div>
                        <div v-if="vo.run_value > 0">
                          物品实际价值(保价)：{{ Number(vo.run_value) }}
                        </div>
                        <div v-if="vo.run_predict_money > 0">
                          预估商品费：{{ Number(vo.run_predict_money) }}
                        </div>
                        <div v-if="vo.run_remarks">
                          {{vo.run_types == 3 ? '购买':''}}备注：{{ vo.run_remarks}}
                        </div>

                        <div v-if="vo.run_img && JSON.parse(vo.run_img || '[]') && JSON.parse(vo.run_img || '[]').length > 0" style="display: flex;">
                          备注图片：
                          <el-image style="width: 30px; height: 30px;margin-right:10px" :src="url" :preview-src-list="JSON.parse(vo.run_img || '[]')" v-for="(url,i) in JSON.parse(vo.run_img || '[]')" :key="i">
                          </el-image>
                        </div>

                        <div>
                          <div>
                            取货联系人：{{ vo.mail_name}} / {{ vo.mail_tel}}
                          </div>
                          <div>
                            取货地址：{{`${vo.mail_province || ''} ${vo.mail_city || ''} ${vo.mail_area || ''} ${vo.mail_town || ''} ${vo.mail_address || ''}`}}
                          </div>
                        </div>
                        <div v-if="vo.run_types == 1 || vo.run_types == 2">
                          <div>
                            收货联系人：{{ vo.mail_name2}} / {{ vo.mail_tel2}}
                          </div>
                          <div>
                            收货地址：{{`${vo.mail_province2 || ''} ${vo.mail_city2 || ''} ${vo.mail_area2 || ''} ${vo.mail_town2 || ''} ${vo.mail_address2 || ''}`}}
                          </div>
                        </div>
                        <div v-else-if="vo.run_types == 3">
                          <div v-if="vo.mail_address3">
                            购买地址：{{`${vo.mail_province3 || ''} ${vo.mail_city3 || ''} ${vo.mail_area3 || ''} ${vo.mail_town3 || ''} ${vo.mail_address3 || ''}`}}
                          </div>
                          <div v-else>
                            购买地址：就近购买
                          </div>
                        </div>
                        <div v-if="vo.rider_upload_img && JSON.parse(vo.rider_upload_img || '[]') && JSON.parse(vo.rider_upload_img || '[]').length > 0" style="display: flex;">
                          购买支付凭证：
                          <el-image style="width: 30px; height: 30px;margin-right:10px" :src="url" :preview-src-list="JSON.parse(vo.rider_upload_img || '[]')" v-for="(url,i) in JSON.parse(vo.rider_upload_img || '[]')" :key="i">
                          </el-image>
                        </div>

                      </div>

                      <table class="small_table tl" v-else>
                        <tr v-for="(po, j) in vo.product" :key="j">
                          <td>
                            <router-link :to="'/index/shop/addproduct?id=' + po.pid" target="_blank">
                              <div class="table_img">
                                <img :src="imgError(po.piclink)" class="image" />
                              </div>
                            </router-link>
                          </td>
                          <td :title="po.title" style="flex: 23">
                            <router-link :to="'/index/shop/addproduct?id=' + po.pid" target="_blank">
                              {{ po.title }}
                              <br />
                              <span v-if="po.sku_cn">{{ po.sku_cn }}</span>
                              <br />
                            </router-link>

                            <el-tag v-if="po.order_return" size="mini" type="danger" effect="dark" @click="returnedBtn(po.oid)">{{ po.order_return }}</el-tag>

                            <p v-if="
                                po.card != '' &&
                                po.card != undefined &&
                                po.card != null
                              ">
                              卡密：
                              <span ref="card_num">{{ po.card }}</span>

                              <el-tag effect="dark" type size="mini" color="#f56c6c" style="margin-left: 10px; border: none">
                                <small id="tjm_btn" style="
                                    color: white;
                                    font-weight: normal;
                                    cursor: pointer;
                                  " @click="copy_tjm($event)">点击复制</small>
                              </el-tag>
                            </p>
                            <p v-if="po.mid && po.mid > 0">
                              微店帐号:{{ po.m_nickname }}({{ po.m_username }})
                            </p>

                            <div v-if="po.types == 34">
                              <br />
                              <p v-if="po.jh_oid">
                                聚合订单号：{{ po.jh_oid }}
                              </p>
                              <p v-if="po.jh_money">
                                聚合商品金额：{{ po.jh_money | keepTwoNum }}
                              </p>
                              <p v-if="po.jh_freight > 0">
                                聚合邮费：{{ po.jh_freight | keepTwoNum }}
                              </p>
                            </div>

                            <div v-if="po.types == 33">
                              <p v-if="vo.jd_oid">京东订单：{{ vo.jd_oid }}</p>
                              <p v-if="vo.jd_msg">返回信息：{{ vo.jd_msg }}</p>
                            </div>

                            <p v-if="po.types == 21 || po.types == 32">
                              入住时间：{{
                                vo.hotel_start_time | getTimeFormat
                              }}
                              <br />
                              离店时间：{{ vo.hotel_end_time | getTimeFormat }}
                            </p>

                            <p v-if="po.types == 32">
                              途牛酒店订单：{{ vo.hotel_oid }}
                              <br />
                              订单状态：{{
                                vo.hotel_status == 1
                                  ? "购买成功"
                                  : vo.hotel_status == 1
                                  ? "购买失败"
                                  : "未支付"
                              }}
                            </p>

                            <div v-if="vo.types == 31">
                              <p>
                                出票状态：{{
                                  vo.plane_status == 1
                                    ? "购买成功"
                                    : vo.plane_status == 1
                                    ? "购买失败"
                                    : "未支付"
                                }}
                              </p>
                              <p>
                                {{ vo.plane_d_city }} -
                                {{ vo.plane_a_city }}
                              </p>
                              <p>
                                {{ vo.plane_d_time }} 至 {{ vo.plane_a_time }}
                              </p>
                              <p>
                                {{ vo.plane_air_info }}
                                {{ vo.plane_air_addr }}
                              </p>
                            </div>
                            <div v-if="vo.types == 39">
                              <div v-if="vo.receiving_time > 0">
                                预约时间：{{
                                  vo.receiving_time | getTimeFormat
                                }}
                                ~
                                {{
                                  (Number(vo.receiving_time) + 3600)
                                    | getTimeFormat5
                                }}
                              </div>
                              <div v-if="vo.receiving_money > 0">
                                接单佣金：{{ vo.receiving_money | keepTwoNum }}
                              </div>
                              <div v-if="vo.receiving_code">
                                核销码：{{ vo.receiving_code }}
                              </div>
                              <div v-if="vo.receiving_ar && vo.receiving_ar.id" style="
                                  display: flex;
                                  justify-content: flex-start;
                                  align-items: center;
                                ">
                                接单师傅信息：
                                <img :src="$fnc.getImgUrl(vo.receiving_ar.avatar)" alt="" style="
                                    width: 20px;
                                    height: 20px;
                                    border-radius: 50%;
                                    margin-right: 5px;
                                  " />
                                <span>{{ vo.receiving_ar.name }}</span>
                              </div>
                            </div>
                            <div v-if="vo.types == 14">
                              <div v-if="vo.receiving_time > 0">
                                预约时间：{{
                                  vo.receiving_time | getTimeFormat
                                }}
                                ~
                                {{
                                  (Number(vo.receiving_time) + 3600)
                                    | getTimeFormat5
                                }}
                              </div>
                              <div v-if="vo.write_code">
                                核销码：{{ vo.write_code }}
                              </div>
                              <div v-if="vo.lifting_ar">
                                预约门店：{{ vo.lifting_ar.title }}
                              </div>
                            </div>

                          </td>

                          <td>
                            <span class="gray-font">x{{ po.number }}</span>
                          </td>
                          <td style="flex: auto">
                            价格：￥{{ po.money | keepTwoNum }}
                            <br />
                            <el-tag v-if="vo.status == '未支付'" size="mini" effect="dark" @click="changePayPrice(po, vo)">修改价格</el-tag>
                          </td>
                        </tr>

                      </table>

                      <div v-if="vo.types == 1 && vo.hyzq_qylx > 0 " class="order_hyzq">
                        <div>
                          <el-tag size="mini" :type="vo.hyzq_qylx == 1 ? '':'warning'">{{vo.hyzq_qylx == 1 ?'权益板块':'认筹板块'}}</el-tag>
                        </div>
                        <div>
                          <span>赠送天数：</span>
                          <span>{{vo.hyzq_jlzq}}天</span>
                        </div>
                        <div>
                          <span>每天赠送：</span>
                          <span>{{vo.hyzq_mtjl}}积分</span>
                        </div>
                        <div>
                          <span>总计赠送：</span>
                          <span>{{Number(vo.hyzq_zsy)}}积分</span>
                        </div>
                        <div>
                          <span>已赠送天数：</span>
                          <span>{{vo.hyzq_yfhcs }} 天</span>
                        </div>
                        <div>
                          <span>已赠送积分：</span>
                          <span>{{Number(vo.hyzq_ysyje)  }}积分</span>
                        </div>
                        <div>
                          <span>最后赠送时间：</span>
                          <span>{{vo.hyzq_time |getTimeFormat   }}</span>
                        </div>
                        <div>
                          <span>剩余天数：</span>
                          <span>{{vo.hyzq_syts   }}天</span>
                        </div>
                      </div>

                    </td>

                    <td class="li_2 big_table_td">
                      <div class="uname" style="display: flex; flex-flow: column">
                        <div v-if="vo.uid_cn">
                          <span @click="went_user(vo.uid)">用户名：{{ vo.uid_cn }}</span>
                          <el-tag type="primary" effect="dark" size="mini" style="margin-left:10px" v-if="$store.state.imUser.isLogin == 1 && vo.uid_im" @click="$router.push(`/im/im?id=C2C${vo.uid_im}`)">
                            发起沟通
                          </el-tag>
                        </div>
                        <div @click="went_user(vo.uid)" v-if="vo.uid_nick">昵称：{{ vo.uid_nick }}</div>
                        <div @click="went_user(vo.tid)" v-if="vo.tid > 0">推广员：{{ vo.tid_cn }}</div>
                        <template v-if="vo.types != 55">
                          <div v-if="vo.mail_name">姓名：{{ vo.mail_name }}</div>
                          <div v-if="vo.mail_tel">手机号：{{ vo.mail_tel }}</div>
                          <div v-if="
                            `${vo.mail_province || ''}${vo.mail_city || ''}${
                              vo.mail_area || ''
                            }${vo.mail_town || ''}${vo.mail_address || ''}`
                          ">地址：{{
                            `${vo.mail_province || ""}${vo.mail_city || ""}${
                              vo.mail_area || ""
                            }${vo.mail_town || ""}${vo.mail_address || ""}`
                          }}</div>
                        </template>

                        <div v-if="vo.tour_day > 0">
                          预定日期：{{vo.tour_day | getTimeFormat2}}
                        </div>
                        <div v-if="vo.remarks">备注：{{ vo.remarks }}</div>
                      </div>
                    </td>

                    <td class="li_3 big_table_td">
                      <div class="gray-font">
                        <div>总价 ¥{{ vo.sum_price | keepTwoNum }}</div>
                        <div>实付 ¥{{ vo.money | keepTwoNum }}</div>
                        <div>{{ vo.pay || "未支付" }}</div>
                        <div v-if="vo.pay">
                          付款时间：{{ vo.pay_time | getTimeFormat }}
                        </div>

                        <div v-if="vo.types == 55">
                          <div v-if="vo.run_distribution > 0">基础配送费：¥{{Number(vo.run_distribution)}} </div>
                          <div v-if="vo.run_distance_price > 0">距离附加费：¥{{Number(vo.run_distance_price)}} </div>
                          <div v-if="vo.run_weight_price > 0">重量附加费：¥{{Number(vo.run_weight_price)}} </div>
                          <div v-if="vo.run_time_price > 0">特殊时间费用：¥{{Number(vo.run_time_price)}} </div>
                          <div v-if="vo.run_bao_price > 0">保价费：¥{{Number(vo.run_bao_price)}} </div>
                          <div v-if="vo.add_money > 0">小费：¥{{Number(vo.add_money)}} </div>
                        </div>
                      </div>
                    </td>

                    <td class="li_4 big_table_td">
                      <div v-if="vo.rider_code">
                        <p v-if="
                            vo.status == '已支付' &&
                            vo.is_pay == 1 &&
                            vo.rider_uid == 0
                          ">
                          待接单
                        </p>
                        <p v-else-if="vo.status == '已发货' && vo.rider_uid > 0">
                          配送中
                        </p>
                        <p v-else>{{ vo.status }}</p>
                        <p>取件码：{{ vo.receive_code }}</p>
                        <p>核销码：{{ vo.rider_code }}</p>
                        <p v-if="vo.receiving_time > 0">
                          用户选择送达时间：：{{
                            vo.receiving_time | getTimeFormat
                          }}
                          ~
                          {{
                            (Number(vo.receiving_time) + 3600) | getTimeFormat5
                          }}
                        </p>
                        <template v-if="vo.rider_extract_ar && vo.rider_extract_ar.id">
                          <p>门店标题：{{ vo.rider_extract_ar.title }}</p>
                          <p>
                            门店地址：
                            {{ vo.rider_extract_ar.province }}
                            {{ vo.rider_extract_ar.city }}
                            {{ vo.rider_extract_ar.area }}
                            {{ vo.rider_extract_ar.town }}
                            {{ vo.rider_extract_ar.add }}
                          </p>
                        </template>
                        <template v-if="vo.rider_uid && vo.rider_uid != 0">
                          <p>骑手昵称：{{ vo.rider_uid_nick }}</p>
                          <p>骑手电话：{{ vo.rider_uid_tel }}</p>
                        </template>
                      </div>
                      <div v-else>
                        <div v-if="vo.types == 34">
                          {{
                            vo.jh_status == 1
                              ? "提交失败"
                              : vo.jh_status == 2
                              ? "已提交"
                              : vo.jh_status == 3
                              ? "交易成功"
                              : vo.jh_status == 4
                              ? "已发货"
                              : vo.jh_status == 5
                              ? "已收货"
                              : vo.jh_status == 6
                              ? "订单取消"
                              : "未提交"
                          }}
                        </div>
                        <div v-else>
                          {{ vo.status }}
                        </div>

                        <div v-if="vo.types == 43">
                          <p v-if="vo.dd_shop_id">
                            抖店ID：{{ vo.dd_shop_id }}
                          </p>
                          <p v-if="vo.dd_shop_name">
                            抖店名称：{{ vo.dd_shop_name }}
                          </p>
                          <p v-if="vo.dd_biz_desc">
                            抖店订单来源：{{ vo.dd_biz_desc }}
                          </p>
                        </div>

                        <div v-if="vo.types == 34">
                          <p v-if="vo.jh_oid">聚合订单号：{{ vo.jh_oid }}</p>
                          <p v-if="vo.jh_yc_oid">
                            异常订单号：{{ vo.jh_yc_oid }}
                          </p>
                          <p v-if="vo.jh_money">
                            聚合商品金额：{{ vo.jh_money | keepTwoNum }}
                          </p>
                          <p v-if="vo.jh_freight > 0">
                            聚合邮费：{{ vo.jh_freight | keepTwoNum }}
                          </p>
                          <p v-if="vo.jh_msg">返回信息：{{ vo.jh_msg }}</p>
                        </div>

                        <div v-if="vo.is_chain > 0">
                          <p>
                            取餐方式：{{
                              vo.is_chain == 1 ? "门店取餐" : "门店配送"
                            }}
                          </p>
                          <p>取餐码：{{ vo.chain_code }}</p>
                        </div>

                        <div v-if="
                            vo.types == 35 && vo.lifting_ar && vo.lifting_ar.id
                          ">
                          所属店铺：{{ vo.lifting_ar.title }}
                        </div>

                        <div v-if="vo.status == '用户自提'">
                          自提店铺：{{ vo.lifting_ar.title }}
                        </div>

                        <div v-if="vo.types == 4">
                          <el-tag type="info" v-if="vo.groups && vo.groups.status == 0" effect="dark">拼团进行中</el-tag>
                          <el-tag type="success" v-else-if="vo.groups && vo.groups.status == 1" effect="dark">拼团成功</el-tag>
                          <el-tag type="danger" v-else effect="dark">拼团失败</el-tag>
                        </div>
                        <div v-if="vo.write_code && vo.is_pay == 1">
                          <span>核销码：</span>
                          <small>{{ vo.write_code }}</small>
                          <el-tag effect="dark" type size="mini" color="#f56c6c" style="margin-left: 10px">
                            <small id="tjm_btn" style="
                                color: white;
                                font-weight: normal;
                                cursor: pointer;
                              " @click="copy_tjm($event)">点击复制</small>
                          </el-tag>
                        </div>

                        <div v-if="vo.types == 19 && vo.group_buy">
                          <span>期数：</span>
                          <small>{{ vo.group_buy.phase }}</small>

                          <el-tag effect="dark" type size="mini" style="margin-left: 10px; margin-bottom: 5px" @click="showPhase(vo.group_buy)">查看
                          </el-tag>
                          <br />
                          <el-tag v-if="vo.group_buy && vo.group_buy.user_status == 0" effect="dark">拼购进行中</el-tag>
                          <el-tag type="success" v-else-if="
                              vo.group_buy && vo.group_buy.user_status == 1
                            " effect="dark">拼购成功</el-tag>
                          <el-tag type="danger" v-else effect="dark">{{
                              vo.group_buy && vo.group_buy.status == 2
                                ? "活动取消/"
                                : ""
                            }}拼购失败</el-tag>
                        </div>

                        <div v-if="vo.types == 25">
                          <span class="gray-font">
                            <p>
                              面值 ¥{{ vo.recharge_card_money | keepTwoNum }}
                            </p>
                            <p>
                              卡号
                              <span id="card_code">{{
                                vo.recharge_card_code
                              }}</span>
                              <i class="el-icon-document-copy" style="font-size: 18px; padding-left: 10px" @click="copy_gift('card_code')"></i>
                            </p>
                            <p>
                              密码
                              <span id="card_password">{{
                                vo.recharge_card_password
                              }}</span>
                              <i class="el-icon-document-copy" style="font-size: 18px; padding-left: 10px" @click="copy_gift('card_password')"></i>
                            </p>
                            <span :class="
                                vo.recharge_card_status == '0'
                                  ? 'gift_use'
                                  : 'gift_use1'
                              ">{{
                                vo.recharge_card_status == "0"
                                  ? "未使用"
                                  : "已使用"
                              }}</span>
                          </span>
                        </div>

                        <div v-if="vo.types == 37">
                          <p v-if="vo.contract_phase1 > 0">
                            一期款：{{ vo.contract_phase1 | keepTwoNum }}
                            <span v-if="vo.contract_time1 > 0">
                              ({{ vo.contract_pay1 }}) <br />
                              [{{ vo.contract_time1 | getTimeFormat }}]
                            </span>
                          </p>
                          <p v-if="vo.contract_phase2 > 0">
                            二期款：{{ vo.contract_phase2 | keepTwoNum }}
                            <span v-if="vo.contract_time2 > 0">
                              ({{ vo.contract_pay2 }}) <br />
                              [{{ vo.contract_time2 | getTimeFormat }}]
                            </span>
                          </p>
                          <p v-if="vo.contract_phase3 > 0">
                            三期款：{{ vo.contract_phase3 | keepTwoNum }}
                            <span v-if="vo.contract_time3 > 0">
                              ({{ vo.contract_pay3 }}) <br />
                              [{{ vo.contract_time3 | getTimeFormat }}]
                            </span>
                          </p>
                          <p v-if="vo.contract_phase4 > 0">
                            四期款：{{ vo.contract_phase4 | keepTwoNum }}
                            <span v-if="vo.contract_time4 > 0">
                              ({{ vo.contract_pay4 }}) <br />
                              [{{ vo.contract_time4 | getTimeFormat }}]
                            </span>
                          </p>
                        </div>

                        <div v-if="vo.offline != ''" style="margin-top: 10px">
                          <el-tag type="success" @click="
                              offline_img = vo.offline;
                              offline_show = true;
                            ">付款凭证</el-tag>
                        </div>

                      </div>
                    </td>

                    <td class="li_5 big_table_td">
                      <span v-if="
                          vo.is_return == 1 &&
                          vo.product &&
                          vo.product.length == 1
                        ">
                        <!-- 针对就买了一个商品，并且退货中的 -->
                      </span>
                      <span v-else-if="vo.rider_code" style="
                          display: flex;
                          flex-flow: column;
                          justify-content: center;
                          align-items: center;
                        ">
                        <!-- <el-button :loading="$store.state.isLoading" type="primary" size="mini" disabled>骑手配送 </el-button> -->
                        <el-button style="margin-left: 0; margin-top: 10px" :loading="$store.state.isLoading" type="primary" size="mini" v-if="vo.status == '已支付' && vo.rider_uid == 0" @click="openSelectRider(vo)">指定派单
                        </el-button>
                      </span>
                      <span v-else-if="vo.is_pay == 1">
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="(vo.types == 45 || vo.is_lifting == 1 ) && (vo.status == '已支付' || vo.status == '用户自提')" @click="confirmWrite(vo)">确认核销
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.types == 39 &&
                            (vo.status == '已支付' || vo.status == '已接单')
                          " @click="openSelectMaster(vo)">{{ vo.status == "已接单" ? "修改" : "" }}派单
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="vo.types == 34 && vo.jh_status == 1" @click="jhcxtj(vo)">重新提交
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="vo.types == 33 && vo.jd_oid" @click="jdpsxx(vo)">配送信息
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" disabled v-if="vo.is_virtual == 0 && vo.status == '拼团进行中'">拼团进行中</el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.types == 9 &&
                            (vo.status == '已发货' || vo.status == '已完成')
                          ">{{
                            vo.status == "已发货" ? "待出行" : "出行完成"
                          }}</el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.is_virtual == 0 &&
                            vo.is_lifting != 1 &&
                            vo.status != '拼团进行中' &&
                            vo.status != '用户自提' &&
                            vo.types != 9 &&
                            vo.types != 13 &&
                            vo.types != 14 &&
                            vo.types != 19 &&
                            vo.types != 21 &&
                            vo.types != 31 &&
                            vo.types != 32 &&
                            vo.types != 34 &&
                            vo.types != 39 &&
                            vo.types != 88 &&
                            vo.types != 99 &&
                            vo.types != 45
                          " @click="showEditDialog(i, vo)">{{
                            vo.status == "已发货" || vo.status == "已完成"
                              ? "已"
                              : ""
                          }}发货</el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.types == 14 &&
                            (vo.status == '已支付' || vo.status == '已发货')
                          ">已预约</el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="vo.types == 14 && vo.status == '已完成'">已核销
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.types == 13 &&
                            (vo.status == '已发货' || vo.status == '已完成')
                          ">{{
                            vo.status == "已发货" ? "已预约" : "预约完成"
                          }}</el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" @click="showEditDialog(i, vo)" v-if="
                            vo.types == 19 &&
                            vo.group_buy &&
                            vo.group_buy.user_status == 1
                          ">
                          {{
                            vo.status == "已发货" || vo.status == "已完成"
                              ? "已"
                              : ""
                          }}发货
                        </el-button>
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" v-if="
                            vo.types == 21 &&
                            (vo.status == '已发货' || vo.status == '已完成')
                          ">
                          {{ vo.status == "已发货" ? "待入住" : "入住完成" }}
                        </el-button>
                        <br />
                      </span>
                      <div v-if="vo.is_pay == 0">
                        <el-button :loading="$store.state.isLoading" type="primary" size="mini" @click="comfirmPay(vo)">确认支付</el-button>
                      </div>
                      <br />
                      <el-button :loading="$store.state.isLoading" type="success" size="mini" @click="getOrderInfo(vo)">订单详情</el-button>

                      <el-button v-if="vo.is_pay==0 && vo.pay=='线下付款' && vo.status=='未支付'" :loading="$store.state.isLoading" type="danger" size="mini"
                       @click="closeOrderInfo(vo.id)">关闭订单</el-button>
                    </td>
                  </tr>
                </table>
              </div>
            </el-row>
          </div>
          <div v-show="list.data == ''" class="bg_write" style="
              border-bottom: 1px solid #ddd;
              height: 60px;
              line-height: 40px;
              color: #999;
            ">
            暂无数据
            <br />
          </div>
        </el-checkbox-group>
      </template>
      <template v-slot:searchBottom>
        <el-form class="search_prod search_prod1" label-width="94px">
          <el-form-item label="订单类型">
            <el-row class="tl mar_bottom_15">
              <!-- <el-col :span="3">
                <el-select v-model="acTypes" style="width: 100%; border: none" size="small" placeholder="请选择订单类型">
                  <el-option size="small" label="全部类型" value=""></el-option>
                  <el-option v-for="item in types_option" size="small" :key="item.index" :label="item.title" :value="item.index"></el-option>
                </el-select>
              </el-col>
              <el-col :span="21" class="tl" style="padding: 0 24px">
                <el-radio-group v-model="acIndex" size="small" class="tl money-group">
                  <el-radio-button v-for="(item, i) in prodType" :label="item.iden" :key="i">{{ item.title }}</el-radio-button>
                </el-radio-group>
              </el-col> -->
              <el-col :span="24" class="tl">
                <el-radio-group v-model="acTypes" size="small" class="tl money-group">
                  <el-radio-button label="">全部订单</el-radio-button>
                  <el-radio-button v-for="(item, i) in types_option" :label="item.index" :key="i">{{ item.title }}</el-radio-button>
                </el-radio-group>
              </el-col>
            </el-row>
          </el-form-item>
          <el-form-item label="订单状态">
            <el-row class="tl mar_bottom_15">
              <el-col :span="24">
                <el-radio-group v-model="acIndex" size="small" class="tl money-group">
                  <el-radio-button v-for="(item, i) in prodType" :label="item.iden" :key="i">{{ item.title }}</el-radio-button>
                </el-radio-group>
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </template>
      <template v-slot:footerLeft>
        <el-checkbox v-model="checkAll" @change="handleCheckAllChange" style="margin-right: 10px">
          全选
        </el-checkbox>
        <a class="aBtn aBtn_1 aBtn_lan2" @click="pldydzmd" v-if="iskdlwnjk">
          批量打印电子面单
        </a>
        <p style="margin-top: 10px">汇总金额：{{ list.sum || 0 }}元</p>
      </template>
    </tableComponents>

    <el-dialog :close-on-click-modal="false" title="发货" class="tl size_13" width="800px" :visible.sync="dialogTableVisible">
      <el-form :model="form" label-width="120px">
        <el-form-item label="订单号">
          <el-col :span="12">
            <el-input :disabled="true" placeholder v-model="form.oid" clearable></el-input>
          </el-col>
        </el-form-item>
        <el-form-item label="下单会员">
          <el-col :span="12">
            <el-input :disabled="true" placeholder v-model="form.uid_cn" clearable></el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="金额">
          <el-col :span="12">
            <el-input :disabled="true" placeholder :value="$fnc.toFixedZ(form.money)" clearable></el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="收货地址">
          <el-col :span="12">
            <el-input :disabled="true" placeholder :value="
                $fnc.deleteNumber(
                  form.mail_province +
                    form.mail_city +
                    form.mail_area +
                    form.mail_town
                ) + form.mail_address
              " clearable>
              <div slot="append">
                <el-button type="primary" @click="
                    $fnc.copyVal(
                      $fnc.deleteNumber(
                        form.mail_province +
                          form.mail_city +
                          form.mail_area +
                          form.mail_town
                      ) + form.mail_address
                    )
                  ">复制</el-button>
              </div>
            </el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="收货人">
          <el-col :span="12">
            <el-input :disabled="true" placeholder v-model="form.mail_name" clearable>
            </el-input>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-button type="primary" @click="$fnc.copyVal(form.mail_name)">复制</el-button>
          </el-col>
        </el-form-item>

        <el-form-item label="联系电话">
          <el-col :span="12">
            <el-input :disabled="true" placeholder v-model="form.mail_tel" clearable>
            </el-input>
          </el-col>
          <el-col :span="5" :offset="1">
            <el-button type="primary" @click="$fnc.copyVal(form.mail_tel)">复制</el-button>
          </el-col>
        </el-form-item>

        <el-form-item label="发货方式">
          <el-col :span="12" class="tl">
            <el-radio v-model="form.mail_type" label="0">常规发货</el-radio>
            <el-radio v-model="form.mail_type" v-if="isOpenKdn && isMailOpen" label="1">快递鸟电子面单</el-radio>
            <el-radio v-model="form.mail_type" v-if="
                $store.state.plugin &&
                $store.state.plugin.ddps &&
                $store.state.plugin.ddps.is_open == 1
              " label="2">达达发货</el-radio>
          </el-col>
        </el-form-item>

        <el-form-item label="快递鸟面单号" v-if="form.mail_type == 1 && isOpenKdn && isMailOpen">
          <el-col :span="12">
            <el-input :disabled="true" placeholder v-model="form.kdn_order_code" clearable></el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="物流单号">
          <el-col :span="12">
            <el-input v-if="form.mail_type == 1 && isOpenKdn && isMailOpen" :disabled="true" placeholder v-model="form.mail_oid" clearable></el-input>

            <el-input v-else placeholder v-model="form.mail_oid" clearable></el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="物流公司" v-if="form.mail_type == 0">
          <el-col :span="12">
            <el-select v-model="form.mail_courier" placeholder="请选择" @change="mail_change" style="width: 100%">
              <el-option v-for="item in company" :key="item.id" clearable :label="item.title" :value="item"></el-option>
            </el-select>
            <!-- <el-input placeholder
                            :disabled="true"
                            v-model="form.mail_courier"
                            style="width:400px"
            clearable></el-input>-->
          </el-col>
        </el-form-item>

        <el-form-item label="发货时间">
          <el-col :span="12">
            <el-date-picker v-if="form.mail_type == 1" :disabled="true" v-model="form.mail_time" type="datetime" value-format="timestamp" placeholder="选择日期" style="width: 100%"></el-date-picker>
            <el-date-picker v-else v-model="form.mail_time" type="datetime" value-format="timestamp" placeholder="选择日期" style="width: 100%">
            </el-date-picker>
          </el-col>
        </el-form-item>

        <el-form-item label="管理员备注">
          <el-col :span="12">
            <el-input type="textarea" placeholder v-model="form.remark" clearable></el-input>
          </el-col>
        </el-form-item>

        <el-form-item>
          <el-button :loading="$store.state.isLoading" type="primary" @click.prevent="subForm()">确定</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>

    <el-dialog :close-on-click-modal="false" title="奖金审核" :visible.sync="dialogRewardVisible" class="tl size_13" width="1200px">

      <el-table ref="multipleTable" :data="moneylist" border tooltip-effect="dark" style="width: 100%">
        <el-table-column label="会员账号" min-width="50">
          <template slot-scope="scope">{{ scope.row.username }}</template>
        </el-table-column>

        <el-table-column label="会员昵称" min-width="50">
          <template slot-scope="scope">{{ scope.row.nickname }}</template>
        </el-table-column>

        <el-table-column label="订单号" min-width="50">
          <template slot-scope="scope">{{ scope.row.oid }}</template>
        </el-table-column>

        <el-table-column label="积分/现金" min-width="50">
          <template slot-scope="scope">
            {{ $fnc.toFixedZ(scope.row.money, 3) }}
            {{ scope.row.style_cn }}
          </template>
        </el-table-column>

        <el-table-column label="时间" min-width="50">
          <template slot-scope="scope">{{
            scope.row.created_time | getTimeFormat
          }}</template>
        </el-table-column>

        <el-table-column label="剩余积分/现金" min-width="50">
          <template slot-scope="scope">
            {{ $fnc.toFixedZ(scope.row.balance, 3) }}
            {{ scope.row.style_cn }}
          </template>
        </el-table-column>

        <el-table-column label="交易类型" min-width="50">
          <template slot-scope="scope">{{ scope.row.style }}</template>
        </el-table-column>
      </el-table>

      <el-table ref="multipleTable" :data="redList" border tooltip-effect="dark" style="width: 100%;margin-top:20px">
        <el-table-column label="用户信息" min-width="220">
          <template slot-scope="scope">
            <div style="display:flex">
              <div class="img_bor_tx" style="margin-right:20px">
                <img :src="$fnc.getImgUrl(scope.row.avatar)" alt />
              </div>
              <div class="tab_div">
                <div>
                  <span>用户昵称：</span>
                  <span>{{ scope.row.nickname || "----" }}</span>
                </div>
                <div>
                  <span>会员账号：</span>
                  <span>{{ scope.row.username || "---" }}</span>
                </div>
                <div>
                  <span>用户下单次数：</span>
                  <span>{{ scope.row.order_number || "---" }}</span>
                </div>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="群信息" min-width="220">
          <template slot-scope="scope">
            <div class="tab_div">
              <div>
                <span>群名称：</span>
                <span>{{ scope.row.mid_cn || "----" }}</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="红包信息" min-width="220">
          <template slot-scope="scope">
            <div class="tab_div">
              <div>
                <span>订单号：</span>
                <span>{{ scope.row.oid}}</span>
              </div>
              <div>
                <span>金额：</span>
                <span>{{ Number(scope.row.money || 0)}}</span>
              </div>
              <div>
                <span>类型：</span>
                <span>{{ scope.row.style || "---" }}</span>
              </div>
              <div>
                <span>备注：</span>
                <span>{{ scope.row.remark || "---" }}</span>
              </div>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="时间信息" min-width="220">
          <template slot-scope="scope">
            <div class="tab_div">
              <div>
                <span>添加时间：</span>
                <span>{{ scope.row.created_time | getTimeFormat }}</span>
              </div>
              <div>
                <span>领取时间：</span>
                <span>{{ scope.row.neck_time | getTimeFormat }}</span>
              </div>
              <div>
                <span>修改时间：</span>
                <span>{{ scope.row.update_time | getTimeFormat }}</span>
              </div>
            </div>
          </template>
        </el-table-column>

        <el-table-column label="领取状态" min-width="120">
          <template slot-scope="scope">
            <div class="tab_div">
              <el-tag type="warning" v-if="scope.row.is_run  == 0" effect="dark">未领取</el-tag>
              <el-tag type="success" v-else-if="scope.row.is_run  == 1" effect="dark">已领取</el-tag>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <el-dialog :close-on-click-modal="false" title="物流详情" :lock-scroll="true" :visible.sync="mail_show" class="tl size_13" width="1000px">
      <div v-if="mail_form && mail_form.Traces" class="mail_box">
        <h1 style="padding: 20px 0">
          {{ mail_form.mail_courier }}
          【物流单号：{{ mail_form.LogisticCode }}】
          <el-tag type="danger" @click="copy_btn(mail_form.LogisticCode)" effect="dark">复制</el-tag>
        </h1>
        <el-timeline>
          <el-timeline-item v-for="(activity, index) in mail_form.Traces" :key="index" :timestamp="activity.AcceptTime">{{ activity.AcceptStation }}
          </el-timeline-item>
        </el-timeline>
      </div>
    </el-dialog>
    <el-dialog :close-on-click-modal="false" title="修改价格" :lock-scroll="true" :visible.sync="changePriceShow" class="tl size_13" width="800px">
      <el-form :model="changePriceInfo" class="mar_top" label-width="120px">
        <el-form-item label="商品名称">
          <el-col :span="12">
            <el-input disabled v-model="changePriceInfo.p_title" clearable size="small"></el-input>
          </el-col>
        </el-form-item>

        <el-form-item label="修改类型">
          <el-col :span="12">
            <el-select v-model="changePriceInfo.types" size="small" style="width: 100%">
              <el-option label="减价格" value="1"></el-option>
              <el-option label="加价格" value="2"></el-option>
            </el-select>
          </el-col>
        </el-form-item>

        <el-form-item label="修改金额">
          <el-col :span="12">
            <el-input v-model="changePriceInfo.money" clearable size="small"></el-input>
          </el-col>
        </el-form-item>

        <el-form-item>
          <el-button :loading="$store.state.isLoading" type="primary" @click="subChangePrice">确定</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>

    <el-dialog :close-on-click-modal="false" title="配送信息" :lock-scroll="true" :visible.sync="psxx_show" class="tl size_13" width="800px">
      <el-table :data="psxx_info.orderTrack" border tooltip-effect="dark" style="width: 100%">
        <el-table-column label="操作内容明细" min-width="160">
          <template slot-scope="scope">{{ scope.row.content }}</template>
        </el-table-column>

        <el-table-column label="操作时间" min-width="100">
          <template slot-scope="scope">{{ scope.row.msgTime }}</template>
        </el-table-column>

        <el-table-column label="操作员名称" min-width="50">
          <template slot-scope="scope">{{ scope.row.operator }}</template>
        </el-table-column>
      </el-table>

      <div v-if="psxx_info.waybillCode" style="margin: 10px 0">运单信息</div>
      <el-table v-if="psxx_info.waybillCode" :data="psxx_info.waybillCode" border tooltip-effect="dark" style="width: 100%">
        <el-table-column label="承运商" min-width="100">
          <template slot-scope="scope">{{ scope.row.carrier }}</template>
        </el-table-column>

        <el-table-column label="运单号" min-width="100">
          <template slot-scope="scope">{{
            scope.row.deliveryOrderId
          }}</template>
        </el-table-column>

        <el-table-column label="订单号" min-width="100">
          <template slot-scope="scope">{{ scope.row.orderId }}</template>
        </el-table-column>

        <el-table-column label="父订单号" min-width="100">
          <template slot-scope="scope">{{ scope.row.parentId }}</template>
        </el-table-column>
      </el-table>
    </el-dialog>

    <el-dialog :close-on-click-modal="false" title="确认付款" :lock-scroll="true" :visible.sync="show_xxx" class="tl size_13" width="800px">
      <el-form class="mar_top" label-width="160px">
        <el-form-item label="一期款：" v-if="xxx_info.contract_phase1 > 0">
          <el-col :span="20">
            {{ xxx_info.contract_phase1 | keepTwoNum }}元
            <span v-if="xxx_info.contract_time1 > 0">
              已支付({{ xxx_info.contract_pay1 || xxx_info.pay }}) [{{
                xxx_info.contract_time1 | getTimeFormat
              }}]
            </span>
          </el-col>
        </el-form-item>
        <el-form-item label="二期款：" v-if="xxx_info.contract_phase2 > 0">
          <el-col :span="20">
            {{ xxx_info.contract_phase2 | keepTwoNum }}元
            <span v-if="xxx_info.contract_time2 > 0">
              已支付({{ xxx_info.contract_pay2 || xxx_info.pay }}) [{{
                xxx_info.contract_time2 | getTimeFormat
              }}]
            </span>
          </el-col>
        </el-form-item>
        <el-form-item label="三期款：" v-if="xxx_info.contract_phase3 > 0">
          <el-col :span="20">
            {{ xxx_info.contract_phase3 | keepTwoNum }}元
            <span v-if="xxx_info.contract_time3 > 0">
              已支付({{ xxx_info.contract_pay3 || xxx_info.pay }}) [{{
                xxx_info.contract_time3 | getTimeFormat
              }}]
            </span>
          </el-col>
        </el-form-item>
        <el-form-item label="四期款：" v-if="xxx_info.contract_phase4 > 0">
          <el-col :span="20">
            {{ xxx_info.contract_phase4 | keepTwoNum }}元
            <span v-if="xxx_info.contract_time4 > 0">
              已支付({{ xxx_info.contract_pay4 || xxx_info.pay }}) [{{
                xxx_info.contract_time4 | getTimeFormat
              }}]
            </span>
          </el-col>
        </el-form-item>

        <el-form-item :label="`${
            xxx_info.status == '未支付'
              ? '一期款'
              : xxx_info.status == '已付一期款'
              ? '二期款'
              : xxx_info.status == '已付二期款'
              ? '三期款'
              : xxx_info.status == '已付三期款'
              ? '尾款'
              : ''
          }付款方式：`">
          <el-col :span="12">
            <el-select v-model="xxx_pay" size="small">
              <el-option v-for="item in collection" :key="item.id" :label="item.title" :value="item.title">
              </el-option>
            </el-select>
          </el-col>
        </el-form-item>

        <el-form-item>
          <el-button :loading="$store.state.isLoading" type="primary" @click="xxxBtn">确定</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <xzRiderwork v-if="riderworkShow" :show="riderworkShow" :extract_id="riderSelectForm.rider_extract_id" :isAll="false" showType="list" @sendShop="getSelectRider" @isshow="riderworkShow = false"></xzRiderwork>
    <xzReceivingMaster v-if="receivingMasterShow" :show="receivingMasterShow" :extract_id="receivingMasterForm.rider_extract_id" :isAll="false" showType="list" @sendShop="getSelectMaster" @isshow="receivingMasterShow = false"></xzReceivingMaster>
    <el-dialog :close-on-click-modal="false" title="线下付款凭证" :lock-scroll="true" :visible.sync="offline_show" class="tc size_13" width="400px">
      <el-image style="width: 300px" :src="offline_img" :preview-src-list="[offline_img]">
      </el-image>
    </el-dialog>
  </div>
</template>
<script>
import { mapState } from "vuex";
import { orderSearchData } from "@/assets/js/searchData/searchData"; //引入搜索的数据
import xzRiderwork from "@/components/currency/xz_riderwork.vue";
import xzReceivingMaster from "@/components/currency/xz_receivingmaster.vue";
export default {
  data() {
    return {
      redList: [],
      receivingMasterForm: {},
      receivingMasterShow: false,
      riderSelectForm: {},
      riderworkShow: false,
      userSearchData: orderSearchData,
      mail_form: {},
      mail_show: false,
      sel_mail: {},
      company: [],
      dialogTableVisible: false,
      dialogRewardVisible: false,
      dialogPrintVisible: false,
      show: false,
      myshow: false,
      loading: false,
      list: [],
      allPage: 0,
      allNum: 0,
      pageSize: 10,
      currentPage: 1,
      editId: "",
      multipleSelection: "",
      arr: [],
      visible: false,
      clickNum: 1,
      updataIndex: "",
      form: {
        id: "",
        oid: "",
        mail_oid: "",
        mail_time: "",
        remark: "",
        kdn_order_code: "",
        mail_type: "0",
        mail_courier: "",
        mail_courier_en: "",
      },
      moneylist: [],
      val: "",
      index: "",
      vo: "",
      searchAll: {
        status: this.$route.query.status,
        oid: this.$route.query.oid || "",
        sku_id: this.$route.query.sku_id,
      },
      iskdlwnjk: false,
      payList: [],
      types_option: [],
      acIndex: "",
      changePriceShow: false,
      changePriceInfo: {},
      mail_courier: {}, //选择的物流公司
      checkList: [],
      checkAll: false,
      psxx_show: false,
      psxx_info: false,
      xxx_info: {},
      collection: [],
      show_xxx: false,
      xxx_pay: "",
      acTypes: "",
      prodType: [
        { iden: "", title: "所有订单" },
        { iden: "未支付", title: "待付款" },
        { iden: "配货中", title: "待发货" },
        { iden: "已发货", title: "待收货" },
        { iden: "已完成", title: "交易完成" },
        { iden: "退货中", title: "退货中" },
      ],
      offline_show: false,
      offline_img: "",
    };
  },
  components: {
    xzRiderwork,
    xzReceivingMaster,
  },
  methods: {
    closeOrderInfo(id) {
      var taht = this;
      this.$confirm("是否确认取消订单?", "确认", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          var params = {
            id: id,
          };
          taht.$api.getDz.close_order_list(params).then((res) => {
            if (res.data.code === 200) {
              taht.reload();
              taht.$message({
                type: "success",
                message: "取消订单成功!",
              });
            } else {
              this.$message.error(res.data.result);
            }
          });
        })
        .catch(() => {
          taht.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    confirmWrite(item) {
      let taht = this;
      this.$confirm("是否确认核销?", "确认", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          var params = {
            id: item.id,
          };
          taht.$api.getUser.complete_order_write(params).then((res) => {
            if (res.data.code === 200) {
              taht.reload();
              taht.$message({
                type: "success",
                message: "确认核销成功!",
              });
            } else {
              console.log(res);
            }
          });
        })
        .catch(() => {
          taht.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    getSelectMaster(val) {
      let params = {
        id: this.receivingMasterForm.id,
        receiving_uid: val.id,
      };
      this.$api.getReceiving.select_order_master(params).then((res) => {
        if (res.data.code === 200) {
          this.reload();
          this.$message({
            type: "success",
            message: res.data.result,
          });
        } else {
          this.$message({
            type: "info",
            message: res.data.result,
          });
        }
      });
    },
    openSelectMaster(obj) {
      this.receivingMasterForm.id = obj.id;
      this.receivingMasterForm.receiving_uid = obj.receiving_uid;
      this.current = "xz_receivingmaster";
      this.receivingMasterShow = true;
    },
    getSelectRider(val) {
      let params = {
        id: this.riderSelectForm.id,
        rider_uid: val.id,
      };
      this.$api.getRider.selectOrderRider(params).then((res) => {
        if (res.data.code === 200) {
          this.reload();
          this.$message({
            type: "success",
            message: res.data.result,
          });
        } else {
          this.$message({
            type: "info",
            message: res.data.result,
          });
        }
      });
    },
    openSelectRider(item) {
      this.riderSelectForm = {
        id: item.id,
        rider_extract_id: item.rider_extract_id,
      };
      this.riderworkShow = true;
    },
    returnedBtn(oid) {
      this.$store.commit("addbreadcrumbs", {
        title: "退换货申请",
        url: `/index/order/returned?oid=${oid}`,
      });
      this.$router.push({
        path: "/index/order/returned",
        query: { oid: oid },
      });
    },
    xxxBtn() {
      var taht = this;
      this.$confirm("是否确认已经支付?", "确认", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          var params = {
            id: this.xxx_info.id,
            pay: this.xxx_pay,
          };
          taht.$api.getShops.confirm_pay(params).then((res) => {
            if (res.data.code === 200) {
              this.show_xxx = false;
              taht.reload();
              taht.$message({
                type: "success",
                message: "确认成功!",
              });
            } else {
              console.log(res);
            }
          });
        })
        .catch(() => {
          taht.$message({
            type: "info",
            message: "已取消",
          });
        });
    },
    jhcxtj(val) {
      this.$api.getStation.supply_chain_order({ id: val.id }).then((res) => {
        if (res.data.code == 200) {
          this.$fnc.alertSuccess("提交成功");
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }
      });
    },
    jdpsxx(val) {
      this.$api.getStation
        .jingdong_orderTrack({ id: val.jd_oid })
        .then((res) => {
          if (res.data.code == 200) {
            this.psxx_show = true;
            this.psxx_info = res.data.result;
          } else {
            this.$fnc.alertError(res.data.code_desc, res.data.result);
          }
        });
    },
    handleCheckAllChange(val) {
      this.checkList = val ? this.list.data : [];
    },
    pldydzmd() {
      if (this.checkList.length == 0) {
        this.$fnc.alertError("请选择要打印的订单");
        return;
      }
      var checkList = JSON.parse(JSON.stringify(this.checkList));
      var arr = [];
      for (let i of checkList) {
        arr.push(i.id);
      }
      var params = {
        id_str: arr.join("@"),
      };
      this.$api.getShops.order_batch_prints(params).then((res) => {
        if (res.data.code == 200) {
          this.$fnc.alertSuccess("打印成功");
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }
      });
    },
    copy_gift(id) {
      var dom = document.getElementById(id);
      var span = dom.innerText;
      var oInput = document.createElement("input");
      oInput.value = span;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.$message.success("复制成功");
    },
    subChangePrice() {
      this.$api.getShops
        .set_order_modify_price(this.changePriceInfo)
        .then((res) => {
          if (res.data.status == 1 && res.data.code == 200) {
            this.changePriceShow = false;
            this.$fnc.alertSuccess({ text: res.data.result });
            this.getPage();
          } else {
            this.$fnc.alertError(res.data.code_desc, res.data.result);
          }
        });
    },
    changePayPrice(po, vo) {
      this.changePriceShow = true;
      this.changePriceInfo = {
        id: vo.id,
        pid: po.id,
        types: "1",
        money: "",
        p_title: po.title,
      };
    },
    showPhase(val) {
      let routeData = this.$router.resolve({
        path: "/index/groupbuy/phase",
        query: { gid: val.gid },
      });
      window.open(routeData.href, "_blank");
    },
    export_danpin() {
      var params = {};
      params = this.searchAll;
      if (this.$route.path.indexOf("supplierorder") >= 0) {
        params.is_supplier = 1;
      }
      if (this.$route.path.indexOf("chain_order") >= 0) {
        params.is_chain = 1;
      }
      this.$fnc.postExcelFile(params, "/api/admin/export/order_product");
    },
    export_goods() {
      var params = {};
      params = this.searchAll;
      if (this.$route.path.indexOf("supplierorder") >= 0) {
        params.is_supplier = 1;
      }
      if (this.$route.path.indexOf("chain_order") >= 0) {
        params.is_chain = 1;
      }
      this.$fnc.postExcelFile(params, "/api/admin/export_order/order_goods");
    },
    getInfos(index) {
      this.acTypes = index;
      this.searchAll.types = index;
      if (this.acTypes == "") {
        this.prodType = [
          { iden: "", title: "所有订单" },
          { iden: "未支付", title: "待付款" },
          { iden: "配货中", title: "待发货" },
          { iden: "已发货", title: "待收货" },
          { iden: "已完成", title: "交易完成" },
          { iden: "退货中", title: "退货中" },
        ];
      } else {
        for (let i of this.types_option) {
          if (i.index == index) {
            this.prodType = i.data;
            if (this.prodType[0]) {
              this.acIndex = this.prodType[0].iden || "";
            }
            break;
          }
        }
      }
      this.getStatus(this.searchAll.status);
    },
    getInfo(iddex) {
      this.acIndex = iddex;
      if (this.$route.query.action == 34) {
        this.searchAll.status = "";
        this.searchAll.jh_status = iddex;
      } else {
        this.searchAll.status = iddex;
      }
      this.getStatus(this.searchAll.status);
    },
    get_ordertype() {
      var params = {};
      if (this.$route.path.indexOf("supplierorder") >= 0) {
        params.is_supplier = 1;
      }
      this.$api.getShops.get_orderoption(params).then((res) => {
        if (res.data.code == 200) {
          var arr = [];
          let key = {};
          for (var i in res.data.result) {
            var obj = {};
            obj.index = i;
            obj.title = res.data.result[i].title;
            obj.data = res.data.result[i].data;

            arr.push(obj);
            if (
              this.$route.query.action &&
              this.$route.query.action == obj.index
            ) {
              key = obj;
            }
          }
          // this.$store.commit("setTypesOption", arr);
          this.types_option = arr;
          if (key.index) {
            this.acTypes = key.index;
            this.prodType = key.data;
          }
          // else if (this.types_option[0]) {
          //   this.acTypes = this.types_option[0].index;
          //   this.prodType = this.types_option[0].data;
          // }
          if (this.prodType[0]) {
            this.acIndex = this.prodType[0].iden || "";
          }
          console.log(this.acIndex);
        }
      });
    },
    getPayList() {
      var params = {};
      params.parent_id = "";
      this.$api.getConfig.payLists(params).then((res) => {
        if (res.data.code == 200 && res.data.status == 1 && res.data.result) {
          this.payList = res.data.result;
          this.$store.commit("setPayList", res.data.result);
        }
      });
    },
    getPrintreceipt(vo) {
      // this.$router.push({ path: "/printorder", query: { id: vo.id } });
      this.$api.getShops.printer_ticket({ id: vo.id }).then((res) => {
        if (res.data.code == 200) {
          if (res.data.result) {
            this.$swal("打印成功！", "正在打印中", "success");
          } else {
            let routeData = this.$router.resolve({
              path: "/printreceipt",
              query: { id: vo.id },
            });
            window.open(routeData.href, "_blank");
          }
        } else {
          let routeData = this.$router.resolve({
            path: "/printreceipt",
            query: { id: vo.id },
          });
          window.open(routeData.href, "_blank");
        }
      });
    },
    copy_btn(str) {
      var oInput = document.createElement("input");
      oInput.value = str;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.$message({
        showClose: true,
        message: "复制成功",
        type: "success",
      });
    },
    open_mail(item) {
      this.mail_show = true;
      if (item.types == 43) {
        this.$api.getSupplier.doudian_mail({ id: item.id }).then((res) => {
          if (res.data.code == 200) {
            this.mail_form = res.data.result.mail || {};
            this.mail_form.mail_courier = res.data.result.mail_courier;
          }
        });
      } else {
        this.$api.getShops.get_mail({ id: item.id }).then((res) => {
          if (res.data.code == 200) {
            this.mail_form = res.data.result.mail || {};
            this.mail_form.mail_courier = res.data.result.mail_courier;
          }
        });
      }
    },
    mail_change(value) {
      this.$set(this.mail_courier, "title", value.title);
      this.$set(this.mail_courier, "title_en", value.title_en);
      this.form.mail_courier = value.title;
      this.form.mail_courier_en = value.title_en;
    },
    comfirmPay(val) {
      if (val.types == 37) {
        this.xxx_info = val;
        this.$api.getStation.collection_lists_all({}).then((res) => {
          if (res.data.code == 200) {
            this.collection = res.data.result;
            this.show_xxx = true;
          }
        });
      } else {
        var taht = this;
        this.$confirm("是否确认已经支付?", "确认", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            taht.$api.getShops.confirm_pay({ id: val.id }).then((res) => {
              if (res.data.code === 200) {
                taht.reload();
                taht.$message({
                  type: "success",
                  message: "确认成功!",
                });
              } else {
                console.log(res);
              }
            });
          })
          .catch(() => {
            taht.$message({
              type: "info",
              message: "已取消",
            });
          });
      }
    },
    copy_tjm($event) {
      var dom = $event.currentTarget.parentElement.previousElementSibling;
      var span = dom.innerText;
      var oInput = document.createElement("input");
      oInput.value = span;
      document.body.appendChild(oInput);
      oInput.select();
      document.execCommand("Copy");
      oInput.className = "oInput";
      oInput.style.display = "none";
      this.$fnc.alertSuccess("复制成功");
    },
    went_user(tid) {
      let routeData = this.$router.resolve({
        path: "/index/user/user_info",
        query: { id: tid },
      });
      window.open(routeData.href, "_blank");
    },
    getOrderSearch(obj) {
      this.searchAll = obj;
      obj.status = this.acIndex;
      this.getNewsAll(obj);
    },
    getStatus(sta) {
      this.searchAll.status = sta;
      this.getNewsAll(this.searchAll);
    },
    check_kdn() {
      var data = { sid: this.vo.sid };

      this.$api.getUser.checkKdn(data).then((res) => {
        if (res.data.code != 200) {
          this.$fnc.alertError("请先到设置中配置快递鸟接口");
          this.form.mail_type = "0";
          if (this.vo) {
            this.vo.mail_type = "0";
          }

          return false;
        }
      });
    },
    imgError(item) {
      if (!item) {
        return require("../../assets/img/default_head.png");
      }
      if (item.indexOf("http") >= 0 || item.indexOf("api") >= 0) {
        return item;
      } else {
        return "/api/" + item;
      }
    },
    toSupplierDetila(id) {
      let routeData = this.$router.resolve({
        path: "/index/user/user_info",
        query: { id: id },
      });
      window.open(routeData.href, "_blank");
    },
    getOrderInfo(vo) {
      // this.$router.push({
      //   path: "/index/order/addorder",
      //   query: { id: vo.id }
      // });
      let routeData = this.$router.resolve({
        path: "/index/order/addorder",
        query: { id: vo.id },
      });
      window.open(routeData.href, "_blank");
    },

    getPrintInfo(vo) {
      // this.$router.push({ path: "/printorder", query: { id: vo.id } });
      let routeData = this.$router.resolve({
        path: "/printorder",
        query: { id: vo.id },
      });
      window.open(routeData.href, "_blank");
    },
    getPrintTemplate(vo) {
      let routeData = this.$router.resolve({
        path: "/printtemplate",
        query: { id: vo.id },
      });
      window.open(routeData.href, "_blank");
    },
    getNewsAll(data) {
      this.loading = true;
      data = data || {};
      var params = {};
      var sid = this.$route.query.sid || "";
      params = data;
      params.sid = sid;
      if (this.$route.path.indexOf("supplierorder") >= 0) {
        params.is_supplier = 1;
      }
      if (this.$route.path.indexOf("chain_order") >= 0) {
        params.is_chain = 1;
      }
      if (this.$route.query.receiving_uid) {
        params.receiving_uid = this.$route.query.receiving_uid;
      }

      params.types = this.acTypes;
      // if (this.$route.query.action) {
      //   params.types = this.$route.query.action;
      // }
      // if (!data.status && this.$route.query.action == 19) {
      //   params.status = this.acIndex;
      // }
      this.$api.getUser.getOrderList(params).then((res) => {
        if (res.data.code == 200 && res.data.status == 1) {
          this.list = res.data.result;
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }

        this.loading = false;
      });
    },
    handleSizeChange(val) {
      this.getNewsAll("", val);
      var params = this.searchAll;
      params.page = "";
      params.page_size = val;
      this.getNewsAll(params);
      this.pageSize = val;
      // console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      var path = this.$route.path + "?page=" + val;
      if (this.$route.query.action) {
        path = path + "&action=" + this.$route.query.action;
      }
      this.$router.push(path);
    },
    handleSwitch(val, id) {
      //审核
      var params = {};
      params["id"] = id;
      val == true ? (params["is_check"] = 1) : (params["is_check"] = 0);
      this.$api.getUser.msgCheck(params).then((res) => {
        // this.getNewsAll();
      });
    },
    handleSelectionChange(val) {
      //多选框赋值
      this.multipleSelection = val;
    },
    showEditDialog(index, vo) {
      this.mail_courier = {
        title: vo.mail_courier || this.company[0].title,
        title_en: vo.mail_courier_en || this.company[0].title_en,
      };
      var mail_courier = this.form.mail_courier;
      var mail_courier_en = this.form.mail_courier_en;
      this.index = index;
      this.form = vo;
      this.form.mail_time = this.$fnc.vuetime(vo.mail_time);

      if (!this.isMailOpen || !this.isOpenKdn) {
        this.form.mail_type = "0";
      }

      if (
        vo.mail_courier == "" ||
        vo.mail_courier == null ||
        vo.mail_courier == undefined
      ) {
        this.form.mail_courier = mail_courier;
        this.form.mail_courier_en = mail_courier_en;
      }

      if (vo.types == 43) {
        this.$api.getSupplier.doudian_mail_company({}).then((res) => {
          if (res.data.code == 200) {
            this.company = res.data.result;
            this.dialogTableVisible = true;
            this.clickNum++;
          }
        });
      } else {
        this.dialogTableVisible = true;
        this.clickNum++;
      }
    },
    showRewardDialog(index, oid) {
      this.dialogRewardVisible = true;
      var data = {};
      data["oid"] = oid;
      this.$api.getUser.orderMoneyList(data).then((res) => {
        if (res.data.status == 1 && res.data.code == 200) {
          this.moneylist = res.data.result;
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }
      });

      this.$api.getDz.get_red_all(data).then((res) => {
        if (res.data.status == 1 && res.data.code == 200) {
          this.redList = res.data.result;
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }
      });
    },
    reload(id) {
      var params = this.searchAll;
      params.page = this.$route.query.page || 1;
      params.page_size = this.pageSize;
      this.getNewsAll(params);
      this.currentPage = Number(this.$route.query.page) || 1;
    },
    subForm() {
      var data = {};
      data["id"] = this.form.id;

      data["mail_courier"] = this.form.mail_courier;
      data["mail_courier_en"] = this.form.mail_courier_en;
      data["mail_oid"] = this.form.mail_oid;

      var str = this.form.mail_time;
      str = str.toString();
      var s1 = str.substring(0, str.length - 3);

      data["mail_time"] = s1;
      data["remark"] = this.form.remark;

      data["mail_type"] = this.form.mail_type;

      if (this.form.types == 43) {
        this.$api.getSupplier.doudian_edit_send(data).then((res) => {
          this.dialogTableVisible = false;

          if (res.data.status == 1 && res.data.code == 200) {
            this.form.kdn_order_code = res.data.result.kdn_order_code;
            this.form.mail_oid = res.data.result.mail_oid;
            this.$fnc.alertSuccess({ text: "添加成功" });
            this.getPage();

            this.visible = false;
          } else {
            this.$fnc.alertError(res.data.code_desc, res.data.result);
          }
        });
      } else {
        this.$api.getUser.orderMailSave(data).then((res) => {
          this.dialogTableVisible = false;

          if (res.data.status == 1 && res.data.code == 200) {
            this.form.kdn_order_code = res.data.result.kdn_order_code;
            this.form.mail_oid = res.data.result.mail_oid;
            this.$fnc.alertSuccess({ text: "添加成功" });
            this.getPage();

            this.visible = false;
          } else {
            this.$fnc.alertError(res.data.code_desc, res.data.result);
          }
        });
      }
    },
    getPage() {
      var params = this.searchAll;
      if (this.$route.query.action) {
        params.types = this.$route.query.action;
      }
      params.page = this.$route.query.page || 1;
      params.page_size = this.pageSize;
      this.getNewsAll(params);
      this.currentPage = Number(this.$route.query.page) || 1;
    },
    setReserve(index, vo) {
      var data = {};
      data["id"] = vo.id;
      this.$api.getUser.orderServeSave(data).then((res) => {
        if (res.data.status == 1 && res.data.code == 200) {
          this.$fnc.alertSuccess({ text: "开始服务成功" });
          this.getPage();
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result);
        }
      });
    },
  },
  created() {
    this.get_ordertype();
    this.getPayList();
    this.getNewsAll(this.searchAll);
    this.$api.getSupplier.get_mail_company({}).then((res) => {
      if (res.data.code == 200) {
        this.company = res.data.result;
        // if (res.data.result != undefined && res.data.result.length > 0) {
        //   this.form.mail_courier = this.company[0].title;
        //   this.form.mail_courier_en = this.company[0].title_en;
        // }
      }
    });
  },
  mounted() {
    var kdlwnjk =
      JSON.parse(localStorage.getItem("limit")).kdlwnjk &&
      JSON.parse(localStorage.getItem("limit")).kdlwnjk.is_open
        ? JSON.parse(localStorage.getItem("limit")).kdlwnjk.is_open
        : 0 || 0;
    kdlwnjk == 1 ? (this.iskdlwnjk = true) : (this.iskdlwnjk = false);
  },
  computed: {
    ...mapState({
      plugin: (state) => state.plugin,
      isMailOpen: (state) => state.isMailOpen,
    }),
    isOpenKdn() {
      if (this.plugin.kdlwnjk && this.plugin.kdlwnjk.is_open == 1) {
        return true;
      } else {
        return false;
      }
    },
    mailType() {
      return this.form.mail_type;
    },
    ifOpenqsps() {
      if (
        typeof this.plugin.qsps != undefined &&
        this.plugin.qsps &&
        this.plugin.qsps.is_open == "1"
      ) {
        console.log(111);
        return true;
      } else {
        console.log(222);
        return false;
      }
    },
    // prodType() {
    //   if (this.$route.query.action == 4) {
    //     return [
    //       { iden: "所有订单", title: "所有订单" },
    //       { iden: "拼团成功", title: "拼团成功" },
    //       { iden: "拼团失败", title: "拼团失败" },
    //     ];
    //   } else if (this.$route.query.action == 19) {
    //     return [
    //       { iden: "拼购订单", title: "拼购订单" },
    //       { iden: "拼购进行中", title: "拼购进行中" },
    //       { iden: "拼购成功", title: "拼购成功" },
    //       { iden: "拼购失败", title: "拼购失败" },
    //     ];
    //   } else if (this.$route.query.action == 21) {
    //     return [
    //       { iden: "所有订单", title: "所有订单" },
    //       { iden: "未支付", title: "待付款" },
    //       { iden: "已发货", title: "待入住" },
    //       { iden: "已完成", title: "交易完成" },
    //     ];
    //   } else if (this.$route.query.action == 34) {
    //     return [
    //       { iden: "所有订单", title: "所有订单" },
    //       { iden: "0", title: "未提交" },
    //       { iden: "1", title: "提交失败" },
    //       { iden: "2", title: "已提交" },
    //       { iden: "3", title: "交易成功" },
    //       { iden: "4", title: "已发货" },
    //       { iden: "5", title: "已收货" },
    //       { iden: "6", title: "订单取消" },
    //     ];
    //   } else {
    //     return [
    //       { iden: "所有订单", title: "所有订单" },
    //       { iden: "未支付", title: "待付款" },
    //       { iden: "配货中", title: "待发货" },
    //       { iden: "已发货", title: "待收货" },
    //       // { iden: "用户自提", title: "用户自提" },
    //       { iden: "已完成", title: "交易完成" },
    //       { iden: "退货中", title: "退货中" },
    //       // { iden: "待领单", title: "待领单", show: !this.ifOpenqsps },
    //       // { iden: "配送中", title: "配送中", show: !this.ifOpenqsps },
    //     ];
    //   }
    // },
  },
  watch: {
    $route() {
      this.getPage();
    },
    acTypes(val) {
      this.getInfos(val);
    },
    acIndex(val) {
      this.getInfo(val);
    },
  },
};
</script>

<style lang="less" scoped>
.el-col {
  border-radius: 4px;
}
.image {
  /*border: 1px solid #efefef;*/
  /*width: 60px;*/
  /*height: 60px;*/
  /*margin: 0 14px;*/
}
.bg-purple {
  background: #ffffff;
}
.bg-purple-light {
  background: #f5f5f5;
}
.grid-content {
  background: #f5f5f5;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.grid-content2 {
  float: left;
  font-size: 14px;
  min-height: 100px;
}
.order_num {
  color: #333;
}
.line-balck {
  border-right: 1px solid #e5e9f2;
  border-bottom: 1px solid #e5e9f2;
}
.line-left {
  border-left: 1px solid #e5e9f2;
}
.gray-font {
  color: #aaa;
  cursor: pointer;
}
.gray_set:hover {
  color: #333 !important;
}
.pay_info {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 1px #e5e5e5;
  line-height: 19px;
  overflow: hidden;

  width: 95px;
}
.pd_5 {
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.v_c {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.order_list .big_table {
  width: 100%;
}
.big_table_td {
  vertical-align: top;
  min-height: 100px;
  padding: 25px 15px 15px;
  border-right: 1px solid #e5e9f2;
  border-bottom: 1px solid #e5e9f2;
  font-size: 12px;
  color: #666;
  line-height: 20px;
}
.uname {
  cursor: pointer;
}
.uname:hover a {
  color: red !important;
}

.small_table {
  width: 100%;
  min-height: 100px;
  border: none;
}
.small_table tr {
  border-bottom: 1px #e5e9f2 solid;
  display: flex;
  align-items: center;
}
.small_table tr:last-child {
  border-bottom: none;
}

.small_table td {
  padding: 10px;
  line-height: 20px;
  color: #333;
  font-size: 12px;
  flex: 1;
}

.li_1 {
  width: 40%;
  border-left: 1px solid #e5e9f2;
}
.li_2 {
  width: 15%;
}
.li_3 {
  width: 12%;
}
.li_4 {
  width: 18%;
}
.li_5 {
  width: 15%;
}
.order_details {
  color: #333;
  line-height: 22px;
}
.table_img {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.table_img img {
  width: 100%;
}
.fixed-info {
  span {
    display: inline-block;
    width: 60px;
  }
}
.mail_box {
  width: 100%;
  height: 600px;
  overflow-y: scroll;
}

.gift_use {
  border: 1px solid #1aad19;
  color: #1aad19;
  padding: 2px 5px;
}
.gift_use1 {
  border: 1px solid red;
  color: red;
  padding: 2px 5px;
}
.activity_list_user {
  width: 100%;
  padding-left: 50px;
  > div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    > div {
      margin-right: 15px;
    }
  }
}
.order_hyzq {
  padding-left: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  > div {
    width: 33.33%;
    > span:nth-of-type(1) {
      font-weight: bold;
    }
  }
}
</style>
